<html>
<head>
    <title>双预防系统</title>
    <link rel="stylesheet" href="../../../assets/bundle.element.css">
    <link rel="stylesheet" href="../../../style.css">

    <style>
        body {
            background: #F0F2F6;
        }

        .main-head {
            background: #fff;
            padding-left: 10px;
            padding-top: 10px;
            margin-bottom: 0px;
            border: solid 1px #fff;
        }

        .chart-outer {
            height: 200px;
        }

        .inputW {
            width: 150px;
        }

        .itemW {
            width: 200px;
        }

        .formLabelWidth {
            width: 100px;
        }

        input {
            BORDER-TOP-STYLE: none;
            BORDER-RIGHT-STYLE: none;
            BORDER-LEFT-STYLE: none;
            /*BORDER-BOTTOM-STYLE: solid*/
        }
    </style>
</head>
<body>
<div class="page" id="page-monitor">
    <div class="page-title">学校安全基本情况统计表</div>
    <div class="page-main">
        <el-row>
            <el-col :span="24">
                <div class="main-head">
                    <el-form :inline="true" size="small">
                        <el-form-item label="资源类型">
                            <el-select style="width: 150px;" v-model="resourcesType">
                                <el-option label="请选择" value=""></el-option>
                                <el-option label="语音" value="1"></el-option>
                                <el-option label="文字" value="2"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="大类">
                            <el-select style="width: 150px;" v-model="bigClass">
                                <el-option label="请选择" value=""></el-option>
                                <el-option
                                        v-for="item in BigClassList"
                                        :key="item.Id"
                                        :label="item.Name"
                                        :value="item.Id">
                                </el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item>
                            <el-button type="primary" @click="search">查询</el-button>
                            <el-button type="primary" @click="addBtn">添加</el-button>
                        </el-form-item>
                    </el-form>
                </div>
                <el-table :data="tableData" height="660" :stripe="true" :border="true" size="mini" style="width: 100%">
                    <el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
                    <el-table-column prop="resourcesTitle" label="资源标题"></el-table-column>
                    <el-table-column prop="description" label="描述"></el-table-column>

                    <el-table-column prop="resourcesType" label="资源类型">
                        <template slot-scope="scope" v-if="scope.row.resourcesType">
                            <template v-if="scope.row.resourcesType==1">
                                语音
                            </template>
                            <template v-if="scope.row.resourcesType==2">
                                文字
                            </template>
                        </template>
                    </el-table-column>
                    <el-table-column prop="bigClassName" label="大类"></el-table-column>
                    <el-table-column prop="smallClassName" label="小类"></el-table-column>
                    <el-table-column prop="duration" label="时长"></el-table-column>
                    <el-table-column prop="file" label="下载文件">
                        <template slot-scope="scope">
                            <el-button @click="report(scope.row.file)" round size="small" type="primary"
                                       icon="el-icon-download" circle></el-button>
                        </template>
                    </el-table-column>
                    <!--<el-table-column prop="comAontent" label="上级批示"></el-table-column>-->
                    <el-table-column prop="stationName" label="操作">
                        <template slot-scope="scope">
                            <el-button @click="editClick(scope.row)" round size="small" type="primary"
                                       icon="el-icon-edit" circle></el-button>
                            <!--<el-button icon="el-icon-delete" round size="small"-->
                            <!--@click="removeItem(scope.row.Id)"></el-button>-->
                            <!--<el-button @click="openCommend(scope.row)" round size="small" type="primary"-->
                            <!--icon="el-icon-search" circle></el-button>-->

                            <!--<el-button @click="addcheck(scope.row.Id)" size="small" icon="el-icon-search" circle>-->
                            <!--查看批示-->
                            <!--</el-button>-->
                            <el-button @click="removeItem(scope.row.Id)" round size="small" type="danger"
                                       icon="el-icon-delete" circle></el-button>
                            <!--<el-button @click="removeItem(scope.row.Id)" size="small"-->
                            <!--type="danger" icon="el-icon-delete" circle>-->
                            <!--删除-->
                            <!--</el-button>-->
                        </template>
                    </el-table-column>
                </el-table>
                <div class="page-footer">
                    <el-pagination background layout="prev, pager, next" :pagesize="pagesize" :total="totalCount"
                                   :current-page.sync="pageno" @current-change="onChangePage">
                    </el-pagination>
                </div>
            </el-col>
        </el-row>
        <el-dialog :title="'填写音频'" :visible.sync="addVisible" width="1000px">
            <el-form :model="param" ref="formName" :inline="true" style="margin-left: 55px">
                <el-form-item label="资源标题" :label-width="120" :rules="[
                             {required:true,message:'资源标题!',trigger:'blur'}
                            ]">
                    <el-input v-model="addForm.resourcesTitle" autocomplete="off" class="itemW"></el-input>
                </el-form-item>

                <el-form-item label="描述" :label-width="120" :rules="[
                             {required:true,message:'描述!',trigger:'blur'}
                            ]">
                    <el-input v-model="addForm.description" autocomplete="off" class="itemW"></el-input>
                </el-form-item>
                <el-form-item label="资源类型">
                    <el-select style="width: 150px;" v-model="addForm.resourcesType" @change="select_status">
                        <el-option label="语音" value="1"></el-option>
                        <el-option label="文字" value="2"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="资源大类" :label-width="120" :rules="[
                             {required:true,message:'资源大类!',trigger:'blur'}
                            ]">
                    <el-select style="width: 200px;" v-model="addForm.bigClass" @change="select_status1">
                        <el-option
                                v-for="item in BigClassList"
                                :key="item.Id"
                                :label="item.Name"
                                :value="item.Id">
                        </el-option>
                    </el-select>
                </el-form-item>

                <el-form-item label="资源小类" :label-width="120" :rules="[
                             {required:true,message:'资源小类!',trigger:'blur'}
                            ]">
                    <el-select style="width: 200px;" v-model="addForm.smallClass" @change="select_status">
                        <el-option
                                v-for="item in SmallClassList1"
                                :key="item.Id"
                                :label="item.Name"
                                :value="item.Id">
                        </el-option>
                    </el-select>
                </el-form-item>

                <el-form-item label="时长" :label-width="120" :rules="[
                             {required:true,message:'时长!',trigger:'blur'}
                            ]">
                    <el-input v-model="addForm.duration" autocomplete="off" class="itemW" type="number"></el-input>
                </el-form-item>
                <el-form-item label="文件上传">
                    <!--iot.hzcando.com-->
                    <el-upload
                            class="upload-demo"
                            drag
                            :action="url+'/api/idm/v1/SchoolAudioLibrary/Add'"
                            :headers="headers"
                            name="file"
                            :data="addForm"
                            :before-upload="beforeUpload"
                            accept=".mp3,.wma,.avi,.rm,.rmvb,.flv,.mpg,.mov,.mkv"
                            :on-change="fileChange"
                            :on-success="onSuccess"
                            :on-error="onError"
                            :limit="1"
                            :auto-upload="false"
                            ref="add">
                        <i class="el-icon-upload"></i>
                        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
                        <div class="el-upload__tip" slot="tip">只能上传.mp3,.wma,.avi,.rm,.rmvb,.flv,.mpg,.mov,.mkv文件</div>
                    </el-upload>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="addVisible = false">取 消</el-button>
                <el-button type="primary" @click="plan_submit('add')">确 定</el-button>
            </div>
        </el-dialog>
        <el-dialog :title="'编辑音频'" :visible.sync="editVisible" :show-close="false" style="display: none"
                   width="1000px">
            <el-form :model="param" ref="formName" :inline="true" style="margin-left: 55px">


                <el-form-item label="资源标题" :label-width="120" :rules="[
                             {required:true,message:'资源标题!',trigger:'blur'}
                            ]">
                    <el-input v-model="editForm.resourcesTitle" autocomplete="off" class="itemW"></el-input>
                </el-form-item>

                <el-form-item label="描述" :label-width="120" :rules="[
                             {required:true,message:'描述!',trigger:'blur'}
                            ]">
                    <el-input v-model="editForm.description" autocomplete="off" class="itemW"></el-input>
                </el-form-item>
                <el-form-item label="资源类型">
                    <el-select style="width: 150px;" v-model="editForm.resourcesType" @change="select_status">
                        <el-option label="语音" value="1"></el-option>
                        <el-option label="文字" value="2"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="资源大类" :label-width="120" :rules="[
                             {required:true,message:'资源大类!',trigger:'blur'}
                            ]">
                    <el-select style="width: 200px;" v-model="editForm.bigClass" @change="select_status1">
                        <el-option
                                v-for="item in BigClassList"
                                :key="item.Id"
                                :label="item.Name"
                                :value="item.Id">
                        </el-option>
                    </el-select>
                </el-form-item>

                <el-form-item label="资源小类" :label-width="120" :rules="[
                             {required:true,message:'资源小类!',trigger:'blur'}
                            ]">
                    <el-select style="width: 200px;" v-model="editForm.smallClass" @change="select_status">
                        <el-option
                                v-for="item in SmallClassList1"
                                :key="item.Id"
                                :label="item.Name"
                                :value="item.Id">
                        </el-option>
                    </el-select>
                </el-form-item>

                <el-form-item label="时长" :label-width="120" :rules="[
                             {required:true,message:'时长!',trigger:'blur'}
                            ]">
                    <el-input v-model="editForm.duration" autocomplete="off" class="itemW" type="number"></el-input>
                </el-form-item>
                <el-form-item label="文件上传">
                    <!--iot.hzcando.com-->
                    <el-upload
                            class="upload-demo"
                            drag
                            :action="url+'/api/idm/v1/SchoolAudioLibrary/Update'"
                            :headers="headers"
                            name="file"
                            :data="editForm"
                            :on-change="fileChange"
                            :on-success="onSuccess"
                            :before-upload="beforeUpload"
                            accept=".mp3,.wma,.avi,.rm,.rmvb,.flv,.mpg,.mov,.mkv"
                            :on-error="onError"
                            :limit="1"
                            :auto-upload="false"
                            ref="edit">
                        <i class="el-icon-upload"></i>
                        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
                        <div class="el-upload__tip" slot="tip">只能上传.mp3,.wma,.avi,.rm,.rmvb,.flv,.mpg,.mov,.mkv文件</div>
                        <!--<div class="el-upload__tip" slot="tip">只能上传jpg/png文件</div>-->
                    </el-upload>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="editVisible=false">取消</el-button>
                <el-button @click="plan_esubmit('edit')" type="primary">确定</el-button>
            </div>
        </el-dialog>
        <el-dialog title="批示" :visible.sync="commendVisible" :show-close="false" style="display: none">
            <el-form :model="commend">
                <el-form-item label="批示内容:">
                    <el-input v-model="commend.comAontent" autocomplete="off" type="textarea"></el-input>
                </el-form-item>
                <el-form-item label="批示时间:">
                    <el-date-picker
                            v-model="commend.commendTime"
                            type="date"
                            value-format="yyyy-MM-dd"
                            placeholder="批示时间" style="width: 200px">
                    </el-date-picker>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="commendVisible=false">取消</el-button>
                <el-button @click="Commend_submit()" type="primary">确定</el-button>
            </div>
        </el-dialog>
    </div>
</div>
<script type='text/javascript' src='../../../assets/bundle.js' charset='utf-8'></script>
<script type='text/javascript' src='../../../assets/jquery-1.11.2.min.js' charset='utf-8'></script>
<script type='text/javascript' src='../../../assets/echarts.min.js' charset='utf-8'></script>
<script type='text/javascript' src='../../../js/common.js' charset='utf-8'></script>
<script type='text/javascript' src='../../../js/component.js' charset='utf-8'></script>
<script>
    var vuePage = new Vue({
        el: '#page-monitor',
        data: {
            url: SiteConfig.webApiset,
            headers: {
                uid: '',
                token: '',
            },
            commend: {},
            commendVisible: false,
            resourcesType: '',
            bigClass: '',
            accidentGrade: '',
            startTime: '',
            endTime: '',
            return: true,
            addVisible: false,
            editVisible: false,
            tableData: [],
            pagesize: 10,
            pageno: 1,
            totalCount: 0,
            addForm: {},
            editForm: {},
            param: {},
            fileList: [],
            BigClassList: [
                {Id: 1, Name: '常用铃声'},
                {Id: 2, Name: '平安校园'},
                {Id: 3, Name: '文化校园'},
                {Id: 4, Name: '幼儿资源'},
                {Id: 5, Name: '小学资源'},
                {Id: 6, Name: '初中资源'},
                {Id: 7, Name: '高中资源'}
            ],
            SmallClassList: [
                {
                    BigClassId: 1, data: [
                        {Id: 1, Name: '作息铃声'},
                        {Id: 2, Name: '大课间铃声'},
                        {Id: 3, Name: '升旗仪式'},
                        {Id: 4, Name: '运动会'},
                        {Id: 5, Name: '颁奖仪式'},
                        {Id: 6, Name: '考试铃声'}]
                },
                {
                    BigClassId: 2, data: [
                        {Id: 1, Name: '实验室安全'},
                        {Id: 2, Name: '防溺水'},
                        {Id: 3, Name: '用电用气'},
                        {Id: 4, Name: '卫生安全'},
                        {Id: 5, Name: '交通安全'},
                        {Id: 6, Name: '防踩踏'},

                        {Id: 7, Name: '消防安全'},
                        {Id: 8, Name: '运动安全'},
                        {Id: 9, Name: '校园及周边安全'},
                        {Id: 10, Name: '意外伤害'},
                        {Id: 11, Name: '自然伤害'},
                        {Id: 12, Name: '防爆反恐安全'},

                        {Id: 13, Name: '与人交往'},
                        {Id: 14, Name: '心理防护'},
                        {Id: 15, Name: '假日安全'},
                        {Id: 16, Name: '网络安全'},
                        {Id: 17, Name: '禁毒教育'},
                        {Id: 18, Name: '应急演练'},
                        {Id: 19, Name: '郑渊洁老师安全百科-100条'},
                    ]
                },
                {
                    BigClassId: 3, data: [
                        {Id: 1, Name: '核心价值观'},
                        {Id: 2, Name: '经典涌读'},
                        {Id: 3, Name: '校园歌曲'},
                        {Id: 4, Name: '节日常识'},
                        {Id: 5, Name: '文明礼仪'},
                        {Id: 6, Name: '美文欣赏'},
                        {Id: 7, Name: '名言感悟'},
                        {Id: 8, Name: '成语故事'},
                        {Id: 9, Name: '名人轶事'},
                        {Id: 10, Name: '英语故事'}
                    ]
                },
                {
                    BigClassId: 4, data: [
                        {Id: 1, Name: '幼儿安全教育'},
                        {Id: 2, Name: '幼儿行为习惯'},
                        {Id: 3, Name: '幼儿体操音乐'},
                        {Id: 4, Name: '幼儿歌曲'}
                    ]
                },
                {
                    BigClassId: 5, data: [
                        {Id: 1, Name: '逃生急救'},
                        {Id: 2, Name: '交通安全'},
                        {Id: 3, Name: '防溺水'},
                        {Id: 4, Name: '校内安全'},
                        {Id: 5, Name: '防灾避险'},
                        {Id: 6, Name: '饮食卫生'},
                        {Id: 7, Name: '家庭安全'}
                    ]
                },
                {
                    BigClassId: 6, data: [
                        {Id: 1, Name: '危险应对'},
                        {Id: 2, Name: '消防安全'},
                        {Id: 3, Name: '防溺水'},
                        {Id: 4, Name: '交通安全'},
                        {Id: 5, Name: '校园暴力'},
                        {Id: 6, Name: '心里健康'},
                        {Id: 7, Name: '运动安全'},
                        {Id: 8, Name: '毒品安全'},
                        {Id: 9, Name: '网络安全'},
                        {Id: 10, Name: '居家安全'},
                        {Id: 11, Name: '出游安全'}
                    ]
                },
                {
                    BigClassId: 7, data: [
                        {Id: 1, Name: '安全教育'},
                        {Id: 2, Name: '法制教育'},
                        {Id: 3, Name: '心里健康'},
                        {Id: 4, Name: '励志人生'},
                        {Id: 5, Name: '道德素养'}
                    ]
                },
            ],
            SmallClassList1: []
        },
        created: function () {
            this.headers = {
                uid: SiteConfig.account.uId,
                token: SiteConfig.account.accessToken
            }
            $('.page').show();
            this.loadData();
        },
        methods: {
            beforeUpload(file) {
                var FileExt = file.name.replace(/.+\./, "");
                if (['mp3', 'wma', 'avi', 'rm', 'rmvb', 'flv', 'mpg', 'mov', 'mkv'].indexOf(FileExt.toLowerCase()) === -1) {
                    this.$message({
                        type: 'warning',
                        message: '请上传后缀名为.mp3,.wma,.avi,.rm,.rmvb,.flv,.mpg,.mov,.mkv的附件！'
                    });
                    return false;
                }
                else {
                    this.$message({
                        message: '添加成功！',
                        type: 'success'
                    });
                }
            },
            fileChange(file, fileList) {
                this.fileList = fileList;
            },
            onSuccess(res) {
                if (res.state == 0) {
                    this.$message({
                        message: '保存成功！',
                        type: 'success'
                    });
                    this.fileList = [];
                    this.addVisible = false;
                    this.editVisible = false;
                    this.loadData();
                } else {
                    this.$message({
                        type: 'error',
                        message: '报错!' + res.errMsg
                    });
                }

            },
            onError(err) {
                this.$message({
                    type: 'error',
                    message: '报错!' + err.errMsg
                });
            },
            select_status1(value) {
                this.SmallClassList1 = [];
                var obj = parseInt(value);
                var list = this.SmallClassList;
                for (var i = 0; i < list.length; i++) {
                    if (parseInt(list[i].BigClassId) == obj) {
                        this.SmallClassList1 = list[i].data;
                    }
                }
                this.$forceUpdate();
            },
            select_status() {
                this.$forceUpdate();
            },
            Commend_submit() {
                if (!this.commend.comAontent) {
                    this.$message({type: 'error', message: '批示内容不能为空'})
                    return;
                }
                if (!this.commend.commendTime) {
                    this.$message({type: 'error', message: '批示时间不能为空'})
                    return;
                }
                HttpUtil.get('SchoolAudioLibrary/commendSubmit', this.commend).success((r) => {
                    if (r.state == 0) {
                        vuePage.$message({
                            type: 'success',
                            message: '提交成功!'
                        });
                        this.commendVisible = false;
                        vuePage.loadData();
                    } else {
                        vuePage.$message.error('提交失败!');
                    }
                })
            },
            openCommend: function (row) {
                this.commend = {};
                this.commendVisible = true;
                this.commend = row;
            },
            editClick(row) {
                this.editForm = Object.assign(this.editForm, row);
                this.editForm.resourcesType = row.resourcesType.toString();
                this.editForm.bigClass = row.bigClass;
                this.SmallClassList1 = [];
                var obj = parseInt(row.bigClass);
                var list = this.SmallClassList;
                for (var i = 0; i < list.length; i++) {
                    if (parseInt(list[i].BigClassId) == obj) {
                        this.SmallClassList1 = list[i].data;
                    }
                }
                this.editForm.smallClass = row.smallClass;
                this.$forceUpdate();
                this.editVisible = true;
            },
            report: function (filename) {
                window.open(SiteConfig.webApiset + filename);
            },
            removeItem: function (id) {
                if (!id) {
                    this.$message({
                        type: 'info',
                        message: 'id为空'
                    });
                    return;
                }
                this.$confirm('此操作将永久删除, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning',
                    center: true
                }).then(() => {
                    HttpUtil.get('SchoolAudioLibrary/Delete', {Id: id}).success((r) => {
                        if (r.state == 0) {
                            vuePage.$message({
                                type: 'success',
                                message: '删除成功!'
                            });
                            vuePage.loadData();
                        } else {
                            vuePage.$message.error('删除失败!');
                        }
                    })
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消删除'
                    });
                });

            },
            plan_submit(name) {
                if (!this.addForm.resourcesTitle) {
                    this.$message({type: 'error', message: '资源标题不能为空'})
                    return;
                }
                if (!this.addForm.description) {
                    this.$message({type: 'error', message: '描述不能为空'})
                    return;
                }
                if (!this.addForm.resourcesType) {
                    this.$message({type: 'error', message: '资源类型不能为空'})
                    return;
                }
                if (!this.addForm.bigClass) {
                    this.$message({type: 'error', message: '大类不能为空'})
                    return;
                }
                if (!this.addForm.smallClass) {
                    this.$message({type: 'error', message: '小类不能为空'})
                    return;
                }
                if (!this.addForm.duration) {
                    this.$message({type: 'error', message: '时长不能为空'})
                    return;
                }

                if (this.fileList.length == 0) {
                    this.$message({
                        type: 'info',
                        message: '必须选择文件'
                    });
                    return;
                }
                this.addForm.projectNo = SiteConfig.account.projectNo;
                this.$refs[name].submit();
                this.addVisible = false;
                this.loadData();
            },
            plan_esubmit(name) {
                if (!this.editForm.resourcesTitle) {
                    this.$message({type: 'error', message: '资源标题不能为空'})
                    return;
                }
                if (!this.editForm.description) {
                    this.$message({type: 'error', message: '描述不能为空'})
                    return;
                }
                if (!this.editForm.resourcesType) {
                    this.$message({type: 'error', message: '资源类型不能为空'})
                    return;
                }
                if (!this.editForm.bigClass) {
                    this.$message({type: 'error', message: '大类不能为空'})
                    return;
                }
                if (!this.editForm.smallClass) {
                    this.$message({type: 'error', message: '小类不能为空'})
                    return;
                }
                if (!this.editForm.duration) {
                    this.$message({type: 'error', message: '时长不能为空'})
                    return;
                }
                this.editForm.projectNo = SiteConfig.account.projectNo;
                if (this.fileList.length == 0) {
                    HttpUtil.post('SchoolAudioLibrary/Update', this.editForm).success((r) => {
                        this.$message({
                            message: '修改成功！',
                            type: 'success'
                        });
                        this.fileList = [];
                        this.editVisible = false;
                        this.loadData();
                    })
                } else {
                    this.$refs[name].submit();
                }
                //
                // this.$refs[name].submit();
                // this.editVisible = false;
                // this.$message({
                //     message: '修改成功！',
                //     type: 'success'
                // });
                // this.loadData();
            },
            onChangePage(page) {
                this.pageno = page;
                this.loadData();
            },
            loadData: function () {
                var param = {};
                if (this.resourcesType)
                    param.resourcesType = this.resourcesType;
                if (this.bigClass)
                    param.bigClass = this.bigClass;

                if (SiteConfig.account.projectNo)
                    param.projectNo = SiteConfig.account.projectNo;
                param.pageno = this.pageno;
                param.pagesize = this.pagesize;
                HttpUtil.get('SchoolAudioLibrary/List', param).success((res) => {
                    var obj = res.data;
                    var b = this.BigClassList;
                    var s = this.SmallClassList;

                    for (var i = 0; i < obj.length; i++) {
                        for (var j = 0; j < b.length; j++) {
                            if (parseInt(obj[i].bigClass) == b[j].Id)
                                obj[i].bigClassName = b[j].Name;
                        }
                    }

                    for (var i = 0; i < obj.length; i++) {
                        for (var j = 0; j < s.length; j++) {
                            if (parseInt(obj[i].bigClass) == s[j].BigClassId) {
                                for (var k = 0; k < s[j].data.length; k++) {
                                    if (parseInt(obj[i].bigClass) == s[j].data[k].Id) {
                                        obj[i].smallClassName = s[j].data[k].Name;
                                    }
                                }
                            }
                        }
                    }

                    vuePage.totalCount = res.total;
                    vuePage.tableData = obj;
                    vuePage.$forceUpdate();
                });
            },
            addBtn: function () {
                this.return = true;
                this.addForm = {};
                this.addVisible = true;
            },
            search: function () {
                this.loadData();
            },
        },
        mounted: function () {

        }
    });
</script>
</body>
</html>
